<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="" />
    <meta name="author" content="ChongMing" />
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="full-screen" content="yes">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="360-fullscreen" content="true">
    <title>专家咨询</title>
</head>
<link href="../css/reset.min.css" rel="stylesheet" type="text/css" />
<link href="../css/examination/layout.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../css/ekang.css"/>
<script src="../js/jquery-1.7.1.min.js"></script>
<script src="../js/jquery.mobile-1.4.3.js"></script>
<script src="../js/main.js"></script>
<script src="../js/jquery.cookie.js"></script>
<script src="../js/ekang.js"></script>
<script>
//    function examination_det (o){
//        var id = o.data("id");
//        if(id == 0){
//            location.href = "../hospitalInformation/hospital_type.html?type=100";
//        }else if(id == 1){
//            location.href = "g_examination.html";
//        }else if(id == 2){
//            location.href = "gj_examine.html";
//        }
//    }
$(function () {
    $('#back').click(function () {
        history.back();
    });

    if($.cookie("username")){
        $('.expertconsultation .patientname .p_right').html($.cookie("username"));
    }else{
        $('.expertconsultation .patientname .p_right').html('');
    }
    $('.expertconsultation .patientname').click(function(){
        location.href='../addPeople/contactPeople.html'
    });
    $('body').on('touchmove', function (event) {
        event.preventDefault();
    });
    $('.expertconsultation .servicedetails').click(function(){
       location.href='../consultationdetails/consultationdetails.html'
    });
    $('.expertconsultation .submit').click(function(){
        var nameval = $('.expertconsultation .patientname .p_right').html()
        var inpval = $('.expertconsultation .phone input').val()
        if(nameval==''){
            layer('请选择患者姓名')
        }else if(!obj.phone.test(inpval)){
            layer('请填写预留手机号')
        }else{
            Main.get(textUrl+'diagnosis/askDoctorSubmitOrder',{uid:$.cookie("local_userId"),family_id:$.cookie("userId"),mobile:inpval},function(res){
                if(res.ret==0){
                    //执行成功
                    console.log(res.data)
                    location.href='../hospital_nurse/nurse_payorder.html?order_id='+res.data.order_id+'&uid='+$.cookie("local_userId")
                }else{
                    alert(res.msg)
                    //执行失败
                }
            });
        }
    });
});
function layer(content){
    $('body').append('<div class="elasticlayer" style=" z-index: 9999999999999; position: fixed; top:0; width: 100%; height:100%; background: rgba(0,0,0,.2)"><div class="elasticlayercon" style=" background: rgba(255,255,255,1); border-radius: 5px; width: 60%;position: absolute; left: 50%; top: 50%; -webkit-transform:translate(-50%, -50%);"><div class="tit" style=" width: 100%; color:#35424b; text-align: center; padding: 5% 0; font-size: 4vw">提示</div><p style=" width: 90%; margin: auto; text-align: center; font-size: 3vw; padding: 0 0 10% 0; ">'+content+'</p><button style=" display: block; background: none;  border: none; padding: 3% 0; font-size:4vw; color: #00b8ff; width: 100%; border-top: 1px solid #ddd; letter-spacing: 1px;">ok</button></div></div>')
    $('.elasticlayer .elasticlayercon button').live('click',function(){
        $('.elasticlayer').remove()
        $('.publicmask').remove()
    });
}

</script>
<style>
.expertconsultation{
    width:100%;
    height: auto;
    overflow: hidden;
}
.expertconsultation .servicedetails{
    height:50px;
    border-bottom: 1px solid #e8e8e8;
    width:100%;
    background: #fff;
    overflow: hidden;
}
.expertconsultation .servicedetails .p_left{
    width: 40%;
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 50px;
    margin-left: 3%;
}
.expertconsultation .servicedetails img{
    float: right;
    width: 30px;
    margin: 10px 0 0 0;
}
.expertconsultation .serviceinfor{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    color: #999;
}
.expertconsultation .serviceinfor p{
    width: 94%;
    height: auto;
    overflow: hidden;
    margin: auto;
    text-indent: 2em;
    padding: 10px 0;
    font-size: 14px;
    letter-spacing: 1px;
}
.expertconsultation .patientname{
    height:50px;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    width:100%;
    background: #fff;
    overflow: hidden;
    margin-top: 10px;
}
.expertconsultation .patientname .p_left{
    width: 40%;
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 50px;
    margin-left: 3%;
}
.expertconsultation .patientname .p_right{
    float: right;
    font-size: 16px;
    color: #333;
    line-height: 50px;
    margin-left: 3%;
}
.expertconsultation .patientname img{
    float: right;
    width: 30px;
    margin: 10px 0 0 0;
}
.expertconsultation .phone{
    height:50px;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    width:100%;
    background: #fff;
    overflow: hidden;
    margin-top: 10px;
}
.expertconsultation .phone .p_left{
    width: 40%;
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 50px;
    margin-left: 3%;
}
.expertconsultation .phone input{
    width: 150px;
    height: 30px;
    float: right;
    margin-right: 3%;
    margin-top: 10px;
    border: none;
    text-align: right;
}
.expertconsultation .price{
    height:50px;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    width:100%;
    background: #fff;
    overflow: hidden;
    margin-top: 10px;
}
.expertconsultation .price .p_left{
    width: 40%;
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 50px;
    margin-left: 3%;
}
.expertconsultation .price .p_right{
    float: right;
    font-size: 16px;
    color: #333;
    line-height: 50px;
    margin-right: 3%;
    color: #43af80;
}
.expertconsultation .submit{
    width: 100%;
    height: 40px;
    font-size: 15px;
    background: #43af80;
    color:#fff;
    border: none;
    position: fixed;
    bottom:0;
    text-align: center;
    line-height:40px
}
</style>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>
<script src="../js/weixin2.js"></script>
<body style=" background: #eee; font-family: '微软雅黑'">
<div class="expertconsultation">
    <div class="servicedetails">
        <p class="p_left">服务详情</p>
        <img src="../img/icon_right.png">
    </div>
    <div class="serviceinfor">
        <p>在您提交完基本信息之后，我们的权威医生专家会第一时间电话回访您，了解您的病情主诉，并根据您的病情为您提供专业化的诊疗建议和就诊方案</p>
    </div>
    <div class="patientname">
        <p class="p_left">患者姓名</p>
        <img src="../img/icon_right.png">
        <p class="p_right"></p>
    </div>
    <div class="phone">
        <p class="p_left">预留手机号</p>
        <input placeholder="请输入预留手机号" type="number">
    </div>
    <div class="price">
        <p class="p_left">咨询30分钟</p>
        <p class="p_right">￥99</p>
    </div>
    <div class="submit">确认提交</div>
</div>
</body>
</html>
